    <div class="list-tit">INFORMATION
        <span>
            <a href="{:U('Index/lists', array('id' => $top_pid_menuInfo['id']))}">
                {$top_pid_menuInfo.name}
            </a>
        </span>
    </div>
    <div class="left-menu-box fn-clear">
        <volist name='classify_list_sub' id='c_listNow'>
            <div class="left-menu-list">
                <div class="left-menu-tit">
                <gt name="c_listNow.child_sub_num" value="0">{$c_listNow.name}
                <else /><a href="{:U('Index/lists', array('id' => $c_listNow['id']))}">{$c_listNow.name}</a></gt>
                <span class="left-menu-icon"></span>
                </div>

                <gt name="c_listNow.child_sub_num" value="0">
                    <ul class="left-menu-child">
                    <volist name='c_listNow.child_sub' id='c_child_subNow'>
                        <li>
                        <a target="_blank" href="{:U('Index/lists', array('id' => $c_child_subNow['id']))}">
                        {$c_child_subNow.name}</a>
                        </li>
                    </volist>
                    </ul>   
                </gt>
            </div>
        </volist>

    </div>


    <script src="{:JQ}"></script>
    <script>
    function tabHover(tabLi,tabChild){
        $("."+tabLi).eq(1).addClass('on');
        $("."+tabLi).eq(1).find("."+tabChild).show();

        $("."+tabLi).mouseover(function(){
            $("."+tabLi).removeClass('on');
            $(this).addClass('on');

            $("."+tabChild).hide();
            $(this).find("."+tabChild).show();
        });
    }
    tabHover("left-menu-list","left-menu-child");
    </script>